<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设计</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/max.css">
    <link rel="stylesheet" href="./css/secondary.css">
    <link rel="stylesheet" href="./css/min.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/Design.css">
    <link href="./css/bootstrap.css" rel="stylesheet">
</head>

<body>

    <!-- 导航 -->
    <nav class=" clearfix">
        <div class="banxin ">
            <ul class="clearfix">
                <li><a href="index.html">图片</a></li>
                <li><a href="index.html"><span class="iconfont icon-shouye"></span>首页</a></li>
                <li><a href="Design.html"><span class="iconfont icon-sheji"></span>设计</a></li>
                <li><a href=""><span class="iconfont icon-guanyu"></span>关于</a></li>
                <li><a href=""><span class="iconfont icon-iconset0120"></span>文档</a></li>
                <li><a href=""><span class="iconfont icon-mail"></span>Mail</a></li>
            </ul>
        </div>
    </nav>

    <!-- 列表 -->

    <div class="demo banxin">
        <div class="container">
            <div class="row">
                <div>
                    <div class="tab" role="tabpanel">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab"><span><i class="iconfont icon-xiangyingchaoshi"></i></span>推荐</a></li>
                            <li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab"><span><i class="iconfont icon-tubiaozuixin01"></i></span>全部</a></li>
                            <!-- <li role="presentation"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab"><span><i class="iconfont icon-zuire"></i></span>最热</a></li> -->
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content tabs">
                            <div role="tabpanel" class="tab-pane fade in active clearfix" id="Section1" class="Sections">
                                <!-- 内容开始 -->
                                <div class="tab-panes clearfix">
                                    <div class="tab-pane_left">
                                        <img src="./image/3dmax.jpg" alt="">
                                        <ul>
                                            <li>
                                                <h4>3D max建模</h4>
                                            </li>
                                            <li>这里是简介......</li>
                                            <li>
                                                <ol>
                                                    <li>最新技术</li>
                                                    <li>美术类</li>
                                                    <li>更新时间:2020/9/26</li>
                                                </ol>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane_right">
                                        <strong>案例展示</strong>
                                    </div>
                                </div>

                                <div class="tab-panes clearfix">
                                    <div class="tab-pane_left">
                                        <img src="./image/3dmax.jpg" alt="">
                                        <ul>
                                            <li>
                                                <h4>3D max建模</h4>
                                            </li>
                                            <li>这里是简介......</li>
                                            <li>
                                                <ol>
                                                    <li>最新技术</li>
                                                    <li>美术类</li>
                                                    <li>更新时间:2020/9/26</li>
                                                </ol>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane_right">
                                        <strong>案例展示</strong>
                                    </div>
                                </div>

                                <div class="tab-panes clearfix">
                                    <div class="tab-pane_left">
                                        <img src="./image/3dmax.jpg" alt="">
                                        <ul>
                                            <li>
                                                <h4>3D max建模</h4>
                                            </li>
                                            <li>这里是简介......</li>
                                            <li>
                                                <ol>
                                                    <li>最新技术</li>
                                                    <li>美术类</li>
                                                    <li>更新时间:2020/9/26</li>
                                                </ol>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane_right">
                                        <strong>案例展示</strong>
                                    </div>
                                </div>


                                <div class="tab-panes clearfix">
                                    <div class="tab-pane_left">
                                        <img src="./image/3dmax.jpg" alt="">
                                        <ul>
                                            <li>
                                                <h4>3D max建模</h4>
                                            </li>
                                            <li>这里是简介......</li>
                                            <li>
                                                <ol>
                                                    <li>最新技术</li>
                                                    <li>美术类</li>
                                                    <li>更新时间:2020/9/26</li>
                                                </ol>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane_right">
                                        <strong>案例展示</strong>
                                    </div>
                                </div>




                                <div class="tab-panes clearfix">
                                    <div class="tab-pane_left">
                                        <img src="./image/3dmax.jpg" alt="">
                                        <ul>
                                            <li>
                                                <h4>3D max建模</h4>
                                            </li>
                                            <li>这里是简介......</li>
                                            <li>
                                                <ol>
                                                    <li>最新技术</li>
                                                    <li>美术类</li>
                                                    <li>更新时间:2020/9/26</li>
                                                </ol>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane_right">
                                        <strong>案例展示</strong>
                                    </div>
                                </div>




                                <div class="tab-panes clearfix">
                                    <div class="tab-pane_left">
                                        <img src="./image/3dmax.jpg" alt="">
                                        <ul>
                                            <li>
                                                <h4>3D max建模</h4>
                                            </li>
                                            <li>这里是简介......</li>
                                            <li>
                                                <ol>
                                                    <li>最新技术</li>
                                                    <li>美术类</li>
                                                    <li>更新时间:2020/9/26</li>
                                                </ol>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane_right">
                                        <strong>案例展示</strong>
                                    </div>
                                </div>


                                <div class="tab-panes clearfix">
                                    <div class="tab-pane_left">
                                        <img src="./image/3dmax.jpg" alt="">
                                        <ul>
                                            <li>
                                                <h4>3D max建模</h4>
                                            </li>
                                            <li>这里是简介......</li>
                                            <li>
                                                <ol>
                                                    <li>最新技术</li>
                                                    <li>美术类</li>
                                                    <li>更新时间:2020/9/26</li>
                                                </ol>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane_right">
                                        <strong>案例展示</strong>
                                    </div>
                                </div>
                                <!-- 内容开始 -->
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="Section2" class="Sections">
                                <!-- 内容开始 -->
                                <div class="tab-panes clearfix">
                                    <div class="tab-pane_left">
                                        <img src="./image/3dmax.jpg" alt="">
                                        <ul>
                                            <li>
                                                <h4>3D max建模</h4>
                                            </li>
                                            <li>这里是简介......</li>
                                            <li>
                                                <ol>
                                                    <li>最新技术</li>
                                                    <li>美术类</li>
                                                    <li>更新时间:2020/9/26</li>
                                                </ol>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane_right">
                                        <strong>案例展示</strong>
                                    </div>
                                </div>

                                <div class="tab-panes clearfix">
                                    <div class="tab-pane_left">
                                        <img src="./image/3dmax.jpg" alt="">
                                        <ul>
                                            <li>
                                                <h4>3D max建模</h4>
                                            </li>
                                            <li>这里是简介......</li>
                                            <li>
                                                <ol>
                                                    <li>最新技术</li>
                                                    <li>美术类</li>
                                                    <li>更新时间:2020/9/26</li>
                                                </ol>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane_right">
                                        <strong>案例展示</strong>
                                    </div>
                                </div>

                                <!-- 内容开始 -->
                            </div>
                            <!-- <div role="tabpanel" class="tab-pane fade" id="Section3" class="Sections">
                                3
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script>
    window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')
</script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>